.box {
	border:1px solid #333;
	margin-bottom:10px;
}
.box .hd {
    border-bottom:1px dashed #333;margin:0 5px;
    padding: 10px;
	position:relative;
}
.box .hd h3 {font-size:12pt;background:url(../img/icon.png) no-repeat -370px -280px;color:#C9F99A;}
.box .hd code {position:absolute;right:12px;top:12px;}
.box .hd code a {float:left;padding-left:15px;background:url(../img/icon.png) no-repeat -488px 0;}
.box .bd {
	padding:10px;
}

.msg {
	display:none;
	position:fixed;width:320px;left:50px;top:20px;z-index:109;left:50%;top:50%;margin-left:-160px;margin-top:-50px;
	background:#fff;border:1px solid #000;
	-webkit-box-shadow:0 0 18px #555;-moz-box-shadow:0 0 18px #555;box-shadow:0 0 18px #555;
}
.msg .bd {float:left;width:100%;padding:10px 0;position:relative;}
.msg i {float:left;background-position:-210px -162px;margin:0 8px 0 10px;}
.msg div {float:left;width:250px;color:#000;}
.msg div h3 {font-size:14px;display:block;}
.msg div p {color:#333;font-size:12px;}
.msg code {position:absolute;right:2px;top:3px;width:15px;height:22px;}
.msg code a {color:#000;font-size:22px;}
.msg .error div p {color:red;}
.msg .error i {background-position:-30px -162px;}
.msg .info i {background-position:0 -162px;}

ul.specialList {float:left;width:100%;position:relative;padding:0;margin:0;}
ul.specialList li {float:left;width:170px;text-align:center;position:relative;}
ul.specialList li .img {position:relative;}
ul.specialList li .img em {
	position:absolute;top:0;right:0;padding:2px 5px 4px 5px;text-align:right;font-size:12px;
	background:#000;color:#f90;display:none;font-family:Georgia;line-height:1em;
}
ul.specialList li .img em strong {color:yellow;}
ul.specialList li .img a {text-decoration:none;}
ul.specialList li .img a:hover em {display:block;}
ul.specialList li img {width:132px;margin:0;}
ul.specialList li.clear {clear:both;}
ul.specialList .specialMinBox {
	background:#111;borde:1px solid #222;
	padding:10px;margin:0 8px 8px 8px;display:inline-block;
	-webkit-border-radius:4px;border-radius:4px;-moz-border-radius:4px;
	-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.8);-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.8);box-shadow:0 0 8px rgba(0, 0, 0, 0.8);
}
ul.specialList .title {text-align:left;padding:8px 0 0 0;display:block;line-height:1.2em;}

.msgBox {margin:3px 8px 10px 8px;-webkit-box-shadow:0 0 18px #000;-moz-box-shadow:0 0 18px #000;box-shadow:0 0 18px #000;}
.msgBox .common {padding:10px 8px;border:1px solid #222;background-color:#111;position:relative;}
.msgBox .ok {}
.msgBox i.icon {
	float: left;
	margin: 2px 8px 1px 0;
	font-size: 0;
	line-height: 0;
	position:relative;z-index:10;
}
.msgBox .msg-bd {float:left;margin:0;width:100%;margin-left:-40px;}
.msgBox .msg-main {clear:both;padding-left:42px;}
.msgBox .msg-bd, .msgBox .msg-bd a {color:#aaa;font-size:12px;}
.msgBox .msg-bd h3 {margin:5px 3px 10px 0;font-size:16px;}
.msgBox .ok i.icon {background-position:-210px -162px;}
.msgBox .ok .msg-bd h3 {color:green;}
.msgBox .error i.icon {background-position:-30px -162px;}
.msgBox .error .msg-bd h3 {color:#DD4242;}
.msgBox .info i.icon {background-position:0 -162px;}

.msgBox ul.guide {padding:10px 0;float:left;width:100%;}
.msgBox ul.guide li {list-style-type:disc;list-style-position:inside;padding:3px 0;}
.msgBox ul.guide li, .msgBox ul.guide li a {font-size:12px;}
.msgBox .msg-main hr {margin-top:12px;border:0;border-top:1px dashed #333;background:none;}
.msgBox .msg-main p {font-size:14px;line-height:1.4em;}
.msgBox em#timer {font-size:18px;color:yellow;}

.msgBox-noBorder {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.msgBox-noBorder .common {border:0;background:none;}
.msgBox-noBorder .common .msg-bd h3 {margin-top:0;font-size:14px;margin-bottom:0px;}
